import React, { Component } from 'react';
import MobileLogin from './MobileLogin'
import NormalLogin from './NormalLogin'
import './Index.css'

import { Tabs } from 'antd';
import { LockOutlined, ShakeOutlined } from '@ant-design/icons';

const { TabPane } = Tabs;


class Index extends Component {
    render() {
        return (
            <div className="wrap">
            <div className="loginlist">
                <Tabs defaultActiveKey="1" centered>
                    <TabPane
                    tab={
                        <span>
                        <LockOutlined />
                        常规登录
                        </span>
                    }
                    key="1"
                    >
                   <NormalLogin></NormalLogin> 
                    </TabPane>
                    <TabPane
                    tab={
                        <span>
                        <ShakeOutlined />
                        短信登录
                        </span>
                    }
                    key="2"
                    >
                    <MobileLogin></MobileLogin>
                    </TabPane>
                </Tabs>
               
               
            </div>
        </div>
        );
    }
    componentDidMount(){
        localStorage.removeItem('jwt')
    }
}

export default Index;
